<script setup>
const props = defineProps({
  name: {
    type: String,
    default: '吕布'
  }
})

// 生命 emit => 等价于 props 中的第二个参数的中的 emit
// 通过参数可以明确标记 'updateName' 就是一个自定义事件，后续再写 emit 的时候也具有提示的能力
const emit = defineEmits(['updateName'])

const updateName = () => {
  // emit('updateName', '吕布')
  emit('updateName', '吕布')
}
</script>

<template>
  <div>
    child: {{name}} {{props.name}}
    <!-- //!#1 -->
    <button @click="$emit('updateName', '吕布')">update name</button>
    <button @click="updateName">update name</button>
  </div>
</template>



